Moire Patterns

Originally created in JavaFX, recreated in JavaScript

Controls


R: °

X: px

Y: px

S: x

Z: x


S: x


Parameters


Foreground number of stripes:
#:

Foreground stripe width:
px

Foreground stripe gap:
px

Background number of stripes:
#:

Background stripe width:
px

Background stripe gap:
px

Foreground number of circles:
#:

Foreground circle width:
px

Foreground circle gap:
px

Background number of circles:
#:

Background circle width:
px

Background circle gap:
px

Foreground number of grid stripes:
#:

Foreground grid stripe width:
px

Foreground grid stripe gap:
px

Background number of grid stripes:
#:

Background grid stripe width:
px

Background grid stripe gap:
px

Foreground number of slices:
#:

Foreground slice length:
px

Foreground slice width:
°

Background number of slices:
#:

Background slice length:
px

Background slice width:
°

Foreground number of squares:
#:

Foreground square width:
px

Foreground square gap:
px

Background number of squares:
#:

Background square width:
px

Background square gap:
px

Foreground total size of triangles:
px

Foreground triangle width:
px

Foreground triangle side length:
px

Background total size of triangles:
px

Background triangle width:
px

Background triangle side length:
px

Foreground total size of hexagons:
px

Foreground hexagon width:
px

Foreground hexagon side length:
px

Background total size of hexagons:
px

Background hexagon width:
px

Background hexagon side length:
px

Foreground spiral draw method:

Foreground number of spiral points:
#:

Foreground spiral angle step:
°

Foreground spiral radius power:
^

Foreground spiral radius multiplier:
x

Foreground spiral width:
px

Background spiral draw method:

Background number of spiral points:
#:

Background spiral angle step:
°

Background spiral radius power:
^

Background spiral radius multiplier:
x

Background spiral width:
px